<template>
	<view class="body">
		<view class="box">
			<view class="main">
				<navigator url="/pages/subsidy/subsidy">
					<view class="function">
						<image class="funimge1" src="/static/function/教职工补贴.png" mode="" />
						<text>教职工补贴</text>
					</view>
				</navigator>
				<navigator url="/pages/certificate/certificate">
					<view class="function">
						<image class="funimge2" src="/static/function/消费券领取.png" mode="" />
						<text>消费券领取</text>
					</view>
				</navigator>
				<navigator url="/pages/recharge/recharge">
					<view class="function">
						<image class="funimge3" src="/static/function/一卡通充值.png" mode="" />
						<text>一卡通充值</text>
					</view>
				</navigator>
				<navigator url="/pages/logs/logs">
					<view class="function">
						<image class="funimge4" src="/static/function/消费记录.png" mode="" />
						<text>消费记录</text>
					</view>
				</navigator>
				<navigator url="">
					<view class="function">
						<image class="funimge5" src="/static/function/一卡通挂失.png" mode="" />
						<text>一卡通挂失</text>
					</view>
				</navigator>
				<navigator url="">
					<view class="function">
						<image class="funimge6" src="/static/function/一卡通注销.png" mode="" />
						<text>一卡通注销</text>
					</view>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	// pages/function/function.js
	export default {
		data() {
			return {};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad(options) {},
		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady() {},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow() {},
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide() {},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload() {},
		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh() {},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom() {},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage() {},
		methods: {}
	};
</script>
<style>
	.funimge1 {
		margin: 10px;
		width: 50px;
		height: 50px;
	}

	.funimge2 {
		margin: 5px;
		width: 60px;
		height: 60px;
	}

	.funimge3 {
		margin: 10px;
		width: 50px;
		height: 50px;
	}

	.funimge4 {
		width: 60px;
		height: 60px;
	}

	.funimge5 {
		width: 50px;
		height: 50px;
		margin: 5px;
	}

	.funimge6 {
		width: 60px;
		height: 60px;
	}

	.body {
		width: 100vw;
		height: 100vh;
	}

	.box {
		width: 90%;
		margin-left: 5%;
	}

	.main {
		margin-top: 30px;
		height: 250px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.function {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	navigator {
		width: 100px;
		height: 90px;
	}
</style>